<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改</title>
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
</head>
<body>
<div align="center">
    <font face="楷体" size="10">
        <p style="color: #66b1ff">修改密码页面</p>
    </font>
    <form action="/document/users/update" method="post">
        <table>
            <tr>
                <td>用户昵称：</td>
                <td>
                    <input name="username" type="text" id="username" th:value="${oldUser.getUsername()}">
                </td>
                <td>
                    <p style="color: red" th:text="${changeMessageName}" th:if="${not #strings.isEmpty(changeMessageName)}"></p>
                </td>
            </tr>
            <tr>
                <td>用户账号：</td>
                <td>
                    <input name="userNumber" type="text" id="userNumber" th:value="${oldUser.getUserNumber()}">
                </td>
                <td>
                    <p style="color: red" th:text="${changeMessageNumber}" th:if="${not #strings.isEmpty(changeMessageNumber)}"></p>
                </td>
            </tr>
            <tr>
                <td>原有密码：</td>
                <td>
                    <input name="password" type="password" id="password">
                </td>
                <td>
                    <p style="color: red" th:text="${changeMessagePassword}" th:if="${not #strings.isEmpty(changeMessagePassword)}"></p>
                </td>
            </tr>
            <tr>
                <td>新密码：</td>
                <td>
                    <input name="newPassword" type="password" id="newPassword">
                </td>
                <td>
                    <p style="color: red" th:text="${changeMessagePasswordFormat}" th:if="${not #strings.isEmpty(changeMessagePasswordFormat)}"></p>
                </td>
            </tr>
            <tr>
                <td>确认新密码：</td>
                <td>
                    <input name="surePassword" type="password" id="surePassword">
                </td>
            </tr>
            <tr>
                <td>
                    <p style="color: red" th:text="${changeMessageSure}" th:if="${not #strings.isEmpty(changeMessageSure)}"></p>
                </td>
            </tr>
        </table>
        <br>
        <div align="center">
            <input value="修改" type="submit" id="change">
        </div>
    </form>
    <br>
    <form action="/document/users/remain" method="get">
        <input type="submit" value="返回主页">
    </form>
    <!--<button type="button" onclick="on()">返回主页</button>-->

</div>

</body>

<script src="../static/js/vue.js"></script>
<script src="../static/plugins/elementui/index.js"></script>
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script src="../static/js/axios-0.18.0.js"></script>

<script>
    /*function on() {
        axios.post("/document/users/remain").then((res)=>{
        });
    }*/
</script>
</html>